<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <title>校园V网</title>
  <link rel="stylesheet" href="../../../template/assets/css/amazeui.min.css"/>
  <link rel="stylesheet" href="../../../template/assets/css/font-awesome.css">
  <style type="text/css">
    hr{
      margin: 1rem 0;
    }
    /*.accordion-content-style{
      height:30rem;
      overflow-y:auto;
    }*/
    .right-style{
      margin-right:0;
      padding-right:0
    }
    .left-style{
      margin-left:0;
      padding-left:0;
      color:#0e90d2;
    }
  </style>
</head>
<body>

  <div class=" am-list am-padding ">
        <div class="am-u-sm-12 am-padding-vertical-xs">
                                   集团名称：
          <span id="grpName"></span>
        </div>
        <div class="am-u-sm-12 am-padding-vertical-xs">
                                 集团编码：
          <span id="grpId"></span>
        </div>
        <div class="am-u-sm-12 am-padding-vertical-xs">
          <input id="phone" type="number" class="am-form-field" value="" placeholder="请输入用户手机号码"  />
        </div>

        <div class="am-u-sm-12 am-padding-vertical-xs">
          <input id="shortNum" type="number" class="am-form-field" value="" placeholder="请输入短号"  />
        </div>

        <div class="am-u-sm-12 am-padding-vertical-sm">
          <select class="am-form-field" id="fee" placeholder="请选择V网资费" data-am-selected="{btnWidth: '100%',dropUp: 1,maxHeight: 80,searchBox: 1}">
          <option value="20009" selected>2元版</option>
          <option value="20010">3元版</option>
          </select>
        </div>

        <div class="am-u-sm-12 am-padding-vertical-xs">
         <div class="am-u-sm-6 am-text-left" style="padding-left:0">
          <button type="button"  class="am-btn am-btn-block am-btn-primary" id="submit">办理</button>
          </div>
          <div class="am-u-sm-6 am-text-right" style="padding-right:0">
          <button type="button"  class="am-btn am-btn-block am-btn-default" id="cancel">返回</button>
          </div>
        </div>
 </div>
 
 <div class="am-modal am-modal-no-btn" tabindex="-1" id="modal">
  <div class="am-modal-dialog">
    <div class="am-modal-hd"> <i class="am-icon-refresh am-icon-spin"></i>
      <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
    </div>
    <div class="am-modal-bd">业务办理中...</div>
  </div>
</div>

<script type="text/javascript" src="../../../template/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="../../../template/assets/js/amazeui.min.js"></script>
<script type="text/javascript" src="../../../template/assets/js/handlebars.min.js"></script>
<script type="text/javascript" src="../../../template/assets/js/amazeui.widgets.helper.min.js"></script>
<script type="text/javascript" src="../../../template/website/js/app.js"></script>
<script type="text/javascript" src="../../../template/website/js/campus/vnet/vnet.js"></script>
</body>
</html>